<template>
  <div>
    <div><BookNav /></div>
    <div>
      aaaddd
      <BookHot></BookHot>
      <BookSearch v-if="store.bookRouter == 'search'" />
      <BookDetail v-if="store.bookRouter == 'detail'" />
      <BookReader v-if="store.bookRouter == 'reader'" />
      <BookType v-if="store.bookRouter == 'type'" />
    </div>
  </div>
</template>

<script setup>
  import { systemStore } from '@/pinia/system';
  import BookNav from './BookNav.vue'; //导航 搜索按钮一起
  import BookHot from './BookHot.vue'; //首页信息
  import BookSearch from './BookSearch.vue'; //搜索页
  import BookDetail from './BookDetail.vue'; //书籍详情
  import BookReader from './BookReader.vue'; //数据阅读
  import BookType from './BookType.vue'; //书籍类型
  const store = systemStore();
</script>
<style lang="scss" scoped></style>
